<template>
  <div
    style="
      display: flex;
      justify-content: center;
      align-items: center;
      width: 180px;
      height: 60px;
      position: relative;
      cursor: pointer;
      z-index: 1;
    "
  >
    <div
      style="
        position: absolute;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
      "
    >
      <slot></slot>
    </div>
    <svg
      width="281"
      height="141"
      style="
        transform: translate(-50%, -50%) scale(0.4, 0.3);
        position: absolute;
        top: 50%;
        left: 50%;
      "
    >
      <polygon
        fill="rgba(144, 240, 144, 0)"
        points="
        9, 7 272, 7 272, 134 9, 134
      "
      ></polygon>
      <circle cx="5" cy="5" r="2" fill="gray"></circle>
      <circle cx="276" cy="5" r="2" fill="gray"></circle>
      <circle cx="276" cy="136" r="2" fill="gray"></circle>
      <circle cx="5" cy="136" r="2" fill="gray"></circle>
      <polyline points="10, 4 271, 4" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="10, 137 271, 137" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="5, 70 5, 71" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="276, 70 276, 71" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="3, 10, 3, 50" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="7, 30 7, 80" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="278, 10 278, 50" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="274, 30 274, 80" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="3, 131 3, 91" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="7, 111 7, 61" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="278, 131 278, 91" stroke="rgba(173, 255, 47, 1)"></polyline>
      <polyline points="274, 111 274, 61" stroke="rgba(173, 255, 47, 1)"></polyline>
    </svg>
  </div>
</template>
  
  <style scoped>
.border {
  position: absolute;
  display: block;
}
</style>
  